cascading style sheets reference

בוררים צמודים

הסבר

רוב בוררי הקומפלקס שראינו בוחרים על בסיס עצירה. לדוגמא, בורר הילד בוחר אלמנטים שהם ילדים של אלמנטים אחרים, ובורר ההקשר בוחר אלמנטים צאצאים.

בוררים צמודים הם זהים, אך הם בוחרים אלמנטים אחים (זאת אומרת, אלמנטים בעלי הורה משותף) המתבססים על אלמנטים שמיד אחריהם הם באים.

לדוגמא, במצב הבא:

<P>The <STRONG>only</STRONG> <EM>officer</EM> who may handle these forms is <A HREF="mailto:aa@aa.com">Yossi Cohen</A></P>

באלמנטים STRONG, EM ו-A כולם אחים, ואולם ה-STRONG וה-EM הם צמודים.

ניתן להשתמש בבורר אח צמוד כדי לבחור אלמנטים EM כאשר הם באים מיד אחרי אלמנטים של STRONG.

תחביר

בורר צמוד נוצר ע"י רישום האלמנטים שחייבים להיות צמודים בסדר שבו הם חייבים להופיע. האלמנטים מופרדים ע"י "+". ניתן לרשום יותר משני אלמנטים, ובוררים אחרים, לדוגמא, ניתן להשתמש בבוררי מעמד בבורר הצמוד.

לדוגמא, בדוגמת הבית הלבן שלנו, למעלה, הבורר הצמוד עבור אלמנטים של EM הצמוד לאלמנטים STRONG יהיה:

STRONG + EM

שימוש

עבור מה אנו צריכים בורר שכזה? חשבו על המצב הבא:

H1 {margin-top: 5mm;
margin-bottom: 5mm}

H2 {margin-top: 3mm;
margin-bottom: 3mm}

כאשר H2 בא לאחר H1, יהיה מרווח יתר ביניהם (בהשוואה למצב שבו פסקה באה לאחר H1). כדי לצמצם את המרווחים אנו יכולים להשתמש בבורר צמוד בדרך הבאה:

H1 + H2 {margin-top: -3mm}